<div ng-controller="homeCtr" class="home-page">
    <div class="header">
        <button class="menu"></button>
        <button class="scanning"></button>
        <span ng-click="jump()" class="search-span"><input class="search" type="text" placeholder="请输入关键搜索"></span>
        <button class="message"></button>
    </div>
    <div class="banner">
        <img src="./src/img/home_14.png" alt="home_14.png">
    </div>
    <ul ng-click="jump()" class="nav">
        <li><a href="javascript:;"><img src="./src/img/home_04.png" alt=""><span>领带</span></a></li>
        <li><a href="javascript:;"><img src="./src/img/home_05.png" alt=""><span>围巾</span></a></li>
        <li><a href="javascript:;"><img src="./src/img/home_06.png" alt=""><span>针织服饰</span></a></li>
        <li><a href="javascript:;"><img src="./src/img/home_07.png" alt=""><span>床上用品</span></a></li>
    </ul>
    <div class="title">
        <h5>新款推荐</h5>
        <a class="more" href="#">更多></a>
    </div>
    <ul class="new">
        <li ng-click="jumpDetails()">
            <img src="./src/img/home_08.png" alt="">
            <p class="introduce">皮尔卡丹男士商务紫色真丝结婚领带....</p>
        </li>
        <li ng-click="jumpDetails()">
            <img src="./src/img/home_15.png" alt="">
            <p class="introduce">韩版休闲复古西装领带新款拉链式防水耐脏....</p>
        </li>
        <li ng-click="jumpDetails()">
            <img src="./src/img/home_16.png" alt="">
            <p class="introduce">秋冬季节长款加厚围巾纯羊毛...</p>
        </li>
        <li ng-click="jumpDetails()">
            <img src="./src/img/home_17.png" alt="">
            <p class="introduce">简约时尚围巾百搭彰显东方女...</p>
        </li>
        <li ng-click="jumpDetails()">
            <img src="./src/img/home_18.png" alt="">
            <p class="introduce">秋款韩版宽松慵懒范蝙蝠袖V领针织...</p>
        </li>
        <li ng-click="jumpDetails()">
            <img src="./src/img/home_19.png" alt="">
            <p class="introduce">被单床上用品四件套纯棉制作放心无...</p>
        </li>
    </ul>
    <div class="title">
        <h5>热卖专区</h5>
        <a class="more" href="#">更多></a>
    </div>
    <ul class="hot">
        <li ng-click="jumpDetails()">
           <div class="pic">
               <img src="./src/img/home_09.png" alt="">
               <div class="info">
                   <p class="text">热销价</p>
                   <p class="price">￥<span>99</span></p>
               </div>
           </div>
            <p class="introduce">围巾女冬季韩版百搭双层围巾/披肩春秋两....</p>
        </li>
        <li ng-click="jumpDetails()">
            <div class="pic">
                <img src="./src/img/home_20.png" alt="">
                <div class="info">
                    <p class="text">热销价</p>
                    <p class="price">￥<span>99</span></p>
                </div>
            </div>
            <p class="introduce">北欧简约式设计领带纯丝结构配色时尚潮流可搭配任...</p>
        </li>
        <li ng-click="jumpDetails()">
            <div class="pic">
                <img src="./src/img/home_10.png" alt="">
                <div class="info clearfix">
                    <p class="text">热销价</p>
                    <p class="price">￥<span>99</span></p>
                </div>
            </div>
            <p class="introduce">angol皮带男真皮自动扣男士牛皮腰带男青年商务休闲裤带男正品潮</p>
        </li>
    </ul>
    <div class="title">
        <h5>特价专区</h5>
        <a class="more" href="#">更多></a>
    </div>
    <div class="special-offer">
        <ul class="left">
            <li ng-click="jumpDetails()" style="background-image: url('./src/img/home_11.png')">
                <div class="top-right">全场促销</div>
                <p class="info">北欧简约风尚抱枕/方枕</p>
                <p class="price">￥<span>19.00</span></p>
            </li>
            <li ng-click="jumpDetails()" style="background-image: url('./src/img/home_12.png')">
                <div class="top-right">全场促销</div>
                <p class="info">花花公子百搭蚕丝蓝白条纹领带</p>
                <p class="price">￥<span>19.00</span></p>
            </li>
        </ul>
        <div ng-click="jumpDetails()" class="right">
            <img src="./src/img/home_13.png" alt="">
            <p class="info"><span>五折优惠</span>男士条纹两用围脖</p>
            <p class="price">￥<span>460.00</span></p>
        </div>
    </div>
    <div app-bottom-bar></div>
</div>